<template>
	<view>
		<cu-custom bgColor="bg-gradual-fff" isBack="true">
			<block slot="content">设置</block>
		</cu-custom>
		<view class="viewbox"></view>
		<view class="record">
			<view @click="goPage('/pages/user/serviceAgreement')">
				<text>服务协议</text>
				<u-icon name="arrow-right" color="#CCCCCC" size="16"></u-icon>
			</view>
			<view style="border-bottom:0" @click="signout()">
				<text>退出登录</text>
				<u-icon name="arrow-right" color="#CCCCCC" size="16"></u-icon>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			goPage(url) {
				uni.navigateTo({
					url
				});
			},
			signout() {
				uni.clearStorageSync();
				uni.navigateTo({
					url: '/pages/auth/wxrole'
				});
			},
		}
	}
</script>

<style scoped lang="scss">
	.record {
		margin:auto;
		padding: 0;
		margin-top: 24rpx;
		padding: 0 40rpx;
		display: flex;
		flex-direction: column;
		box-shadow: inset 0 0 20rpx 20rpx rgba(85, 56, 105, 0.6);
		width: 690rpx;

		>view {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 60rpx 0;
			border-bottom:1rpx solid #463145;
			font-family: Alibaba PuHuiTi 2.0;
			font-size:30rpx;
			font-weight: normal;
			color:#FFFFFF;

		}
	}
</style>